body,html{height: 100%;background: #262628;}
.pull-right{float: right;}
.pull-left{float: left;}
#box{display: -webkit-box;-webkit-box-orient: vertical;background: #262628;display: none;}
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
/*内容区*/
.comments{-webkit-box-flex: 1;height: auto;background: #262628;height: auto;width: 10.8rem;}
.comments-cont{position: relative;}
.comments-cont-bg{width: 10.8rem;height: 8.8rem;}
.comments-cont i{position: absolute;left: 0.48rem;top: 0.28rem;color: #B90D23;font-size: 0.9rem;}
.comments-cont-logo{position: absolute;left: 3.92rem;top: 1.92rem;width: 3rem;}
.comments-cont p:nth-of-type(1){position: absolute;left: 50%;top:50%;width: 3rem;height: -0.4rem;margin-left: -1.5rem;margin-top:0.2rem;color: #fff;font-size: 0.40rem;font-weight: bold;}
.comments-top-head{height: 1.10rem;position: relative;position: absolute;top: 5rem;width: 3rem;left: 4.0rem;}
.comments-top-head h2{text-align: center;padding: 0.45rem 0.10rem;color: #FFFFFF;font-size: 0.30rem;font-weight: normal;}
.comments-top-head div{position:absolute;width: 0.30rem;top:0.55rem;height: 0.20rem;background: url(../img/line.png) repeat-x;}
.comments-top-head div:nth-of-type(1){left:0.4rem;}
.comments-top-head div:nth-of-type(2){right: 0.40rem;}
.comments-cont p:nth-of-type(2){position: absolute;left: 4rem; top: 7rem;color: #fff;font-size: 0.40rem;width: 2.76rem;border: 1px solid #fff;border-radius: 0.12rem;text-align: center;padding: 0.27rem 0;}
.comments-content{padding: 0.48rem 0 0 0.40rem;background: #262628;}
.comments-total{}
.comments-content-img{float: left;width: 1.2rem;border-radius: 50%;height: 1.2rem;}
.comments-content-tv{border-bottom: 1px solid #5d5d5f;padding-bottom: 0.42rem;margin-left: 1.87rem;}
.comments-content-left{float: left;}
.comments-content-left p:nth-of-type(1){font-size: 0.37rem;color: #fff;padding-top: 0.25rem;}
.comments-content-left p:nth-of-type(2){font-size: 0.22rem;color: #898989;padding-top: 0.16rem;}
.comments-content-left p:nth-of-type(3){font-size: 0.28rem;color: #fff;padding-top: 0.30rem;width: 6.00rem;line-height: 0.4rem;word-break:break-word;}
.comments-content-right{float: right;padding-right: 0.5rem;}
.comments-content-right i{color: #fff;font-size:0.41rem;}
.comments-content-right span{font-size: 0.26rem;color: #ffffff;}
/*.comments-footer{height: 1.20rem;background: #262628;line-height: 1.00rem;padding-top: 0.50rem;}
.comments-footer input{height: 1.00rem;width: 7.00rem;margin-left: 1.00rem;border-radius: 0.1rem;margin-top: 0.05rem;font-size:0.50rem;padding-left: 0.10rem;border: none;outline: none;}
.comments-footer i{font-size: 0.70rem;color: #FFFFFF;padding-left: 0.30rem;padding-top: 0.10rem;}*/
/*意见反馈弹出层*/
.mask{position: fixed;z-index: 999;top: 0; width:1.080rem; height: 100%;background: #FFFFFF;filter: alpha(opacity=50); opacity: 0.5;display: none;width: 10.8rem;}
.mask-top{background: #FFFFFF;width: 9.00rem;height: 5.50rem;position: fixed;z-index: 9999;top: 10%;left: 10%;z-index: 99999;display: none;border-radius: 12px;}
.mask-textarea{margin: 0.40rem 0.30rem;width: 8.00rem;height: 3.00rem;background: #FFFFFF;font-size: 0.40rem;padding: 0.10rem 0 0 0.20rem;border-radius: 0.12rem;}
.mask-button{background: #FFFFFF;}
.mask-delect{margin-left: 2.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}
.mask-send{margin-left: 1.00rem;color: #111111;font-size: 0.38rem;float: left;width: 2.00rem;border: 1px solid #111111;border-radius: 0.12rem;text-align: center;padding: 0.22rem 0;}










